<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-show</title>
    <script src="js/vue.js"></script>
</head>
<!--
v-show 是 Vue 中用于条件性显示元素的指令，它根据绑定的表达式的真假值来控制元素的显示或隐藏。
<div v-show="expression"></div>
当 expression 的值为 true 时，元素会显示。
当 expression 的值为 false 时，元素会隐藏。
-->
<body>

<div id="app"><input type="checkbox" v-model="sel"/>是否同意条款[v-show实现]
    <h1 v-show="sel">你同意条款</h1>
    <h1 v-show="!sel">你不同意条款</h1>
</div>


<script>
    let vm=new Vue({
        el:"#app",
        data:{
            sel:false
        }
    })
</script>
</body>
</html>